.c7ncd-customFunc {
  width: 100%;
  height: 100%;
  display: flex;
  align-content: flex-start;
  border: 1px solid var(--divider);
  p {
    margin: 0;
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
  }
  &__side {
    width: 300px;
    background: rgba(158, 173, 190, 0.04);
    border-right: 1px solid var(--divider);
    overflow: auto;
    &__item {
      padding: 12px 10px;
      border-bottom: 1px solid var(--divider);
      display: flex;
      align-items: center;
      &--focus {
        background: rgba(104, 135, 232, 0.08);
      }
      &__left {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      &__buttons {
        &__icon {
          font-size: 20px;
          color: #abbccf;
          margin-left: 8px;
          cursor: pointer;
        }
        &__preset {
          background: #f0f5ff;
          border-radius: 4px;
          border: 1px solid #adc6ff;
          padding: 0 4px;
          font-size: 10px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #5365ea;
        }
      }
    }
    &__add {
      margin-top: 18px;
    }
  }
  &__content {
    width: calc(100% - 300px);
    overflow: auto;
    .c7ncd-yaml-wrapper {
      height: 100%;
      .c7ncd-codemirror {
        height: 100%;
        div:first-child {
          height: 100%;
          .CodeMirror {
            height: 100% !important;
          }
        }
      }
    }
  }
}
